<!DOCTYPE html>
<html>
  <head>
    <title>新增直播</title>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="__STATIC__/mobile/css/weui.min.css">
	<link rel="stylesheet" href="__STATIC__/mobile/css/jquery-weui.css">
    <link rel="stylesheet" href="__STATIC__/mobile/css/iconfont.css">
    <style>
    	.navbar {
		    height: 50px;
		    color: #000;
		    background: #ffd966;
		    position: fixed;
		    top: 0;
		    left: 0;
		    right: 0;
		    z-index: 99;
		    display: -webkit-box;
		    display: -ms-flexbox;
		    overflow: hidden;
		}
		.navbar .nav-wrap-left {
		    height: 100%;
		    width: 25%;
		    line-height: 50px;
		}
		.navbar .nav-wrap-left .nav-btn {
		    padding-right: 0;
		}
		.navbar .nav-btn {
		    padding: 0 0 0 10%;
		   	width: 90%;
		   	height: 100%;
		    display: block;
		    color: #000;
		    font-size: 14px;
		}
		a:active, a:focus, a:hover, a:visited {
		    color: #bbb;
		}
		a, a:hover, del, ins, s, u {
		    text-decoration: none;
		}
		.barbtn, a, button, em, input, textarea {
		    -webkit-tap-highlight-color: rgba(255,0,0,0);
		}
		a {
		    color: #666;
		    text-decoration: none;
		    outline: 0;
		}
		.navbar .nav-title {
			width: 50%;
		    height: 100%;
		    overflow: hidden;
		    line-height: 50px;
		    text-align: center;
		    -webkit-box-flex: 1;
		    -ms-flex: 1;
		}
		.navbar .nav-wrap-right {
		    height: 100%;
		    width: 25%;
		    line-height: 50px;
		    text-align: right;
		}
		.filterbar .dropdown-toggle.active {
		    color: #179b16;
		}
		.icon-xuanzechengshi {
			font-size: 8px!important;
		}
		#joblist .list-item .salary span, #loadMore .list-item .salary span, #recommend-job .list-item .salary span {
		    color: #179b16;
		    font-size: .42rem;
		}
		.pic {
			width: 55px!important;
		}
		.pic img{
			width: 55px!important;
			height: 55px;
		}
		.filterbar .dropdown-wrapper {
		    position: absolute;
		    width: 100%;
		    z-index: inherit;
		}
		.filterbar .nav {
		    position: relative;
    		z-index: inherit;
		}
		.block {
			display: block;
		}
		.none {
			display: none;
		}
		.filterbar .nav {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    background: #fff;
		    border-bottom: 1px solid #e5e5e5;
		    text-align: center;
		    height: .86rem;
		    line-height: .86rem;
		    -webkit-user-select: none;
		    font-size: 13px;
		    text-align: center;
		}
		.main {
			/*padding: 0!important;*/
			padding-top: 50px; 
			z-index: 9999999;
		}
		.filterbar .category-wrapper {
		    overflow: scroll;
		}
		.category-wrapper {
			max-height: 480px!important;
		}
		.  .top-logo img{
      border-radius: 50%;
    }
    /*.weui-uploader__file {
        width: 40%;
        height: 79px;
    }*/
    .top-logo {
        width: 100%;
        height: 8em;
        margin-top: 1em;
        overflow: hidden;
    }
    .top-logo img {
        width: 6em;
        height: 6em;
        margin: 1em auto;
        display: block;
    }
    .weui-cell2:after {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        color: #d9d9d9;
        bottom: 0;
        border-bottom: 1px solid #d9d9d9;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
    }

    .weui-cells {
	    margin-top: 0.2em;
	}
    </style>
  </head>

  <body ontouchstart style="background: #fff">
  	
    <div class="navbar">
		<div class="nav-wrap-left">
			<a class="nav-btn" href="javascript:" onclick="self.location=document.referrer;">
				<i style="font-size: 22px" class="iconfont icon-goback"></i>
			</a>
		</div>
		<div class="nav-title">新增直播</div>
		<div class="nav-wrap-right"></div>
    </div>
    <!-- 正文 -->
    <div class="main">
    	<div class="weui-cells__title">添加信息</div>
    	<div class="weui-cells weui-cells_form">
			<div class="weui-cell">
			  <div class="weui-cell__hd"><label for="" class="weui-label">工作时间</label></div>
			  <div class="weui-cell__bd">
			    <input class="weui-input" id="date" type="text" readonly="">
			  </div>
			</div>

			<div class="weui-cell weui-cell_select weui-cell_select-after">
			  <div class="weui-cell__hd">
			    <label for="" class="weui-label">项目名称</label>
			  </div>
			  <div class="weui-cell__bd">
			    <select class="weui-select" name="select2" id = 'program'>
			    	<option>请选择</option>
			    </select>
			  </div>
			</div>

			<div class="weui-cell weui-cell_select weui-cell_select-after">
			  <div class="weui-cell__hd">
			    <label for="" class="weui-label">楼盘名称</label>
			  </div>
			  <div class="weui-cell__bd">
			    <select class="weui-select" name="select2" id="floor">
			    	<option>请选择</option>
			    </select>
			  </div>
			</div>

    		<div class="weui-cell weui-cell_select weui-cell_select-after">
		        <div class="weui-cell__hd"><label class="weui-label">摄像头</label></div>
		        <div class="weui-cell__bd">
					    <select class="weui-select" id="adacitvity_name">
					    	<option>请选择</option>
					    <?php foreach($info as $k=>$val):?>
					    	<option value="{$val.id}">{$val.by_name}</option>
					    <?php endforeach;?>
					    </select>
		        </div>
		    </div>
			<div class="weui-btn-area">
			  <a class="weui-btn weui-btn_primary" id="submit">确定</a>
			</div>
	  	</div>
    </div>
   
	<div id="allmap1"></div>
    <script src="__STATIC__/mobile/js/jquery-2.1.4.js"></script>
    <!-- <script src="js/fastclick.js"></script> -->
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
  		$(function() {
      	
  		});
    </script>
    <script src="__STATIC__/mobile/js/jquery-weui.js"></script>
    <script src="__STATIC__/mobile/js/city-picker.js"></script>
    <script src="__STATIC__/mobile/js/globalvariable.js"></script>
    <script src="__STATIC__/mobile/js/sose.js"></script>
    <script>	
    var video = {
    	//根据时间获取项目名称
    	getProject : function(time){
    		$.ajax({
    			url : 'http://house.wechatpic.com/Mobile/Interface/get_active_by_time',
    			type : 'post',
    			dataType : 'json',
    			data : {
    				time : time
    			},
    			success : function(data){
    				if ( data.msg == 1){
    					$("#program").html('')
    					$("#floor").html('')
    				}else{
	    				var str = ''
	    				data.val.forEach(function(i){
	    					var li = `<option value='${i.program}'>${i.program}</option>`
	    					str += li
	    				})
	    				$("#program").html(str)
	    				video.getFloor($('#date').val(),$("#program").val())
    				}

    			}
    		})
    	},
    	//获取楼盘信息
    	getFloor : function(time,program){
    		$.ajax({
    			url : 'http://house.wechatpic.com/Mobile/Interface/get_loupan_by_time_and_active',
    			type : 'post',
    			dataType : 'json',
    			data : {
    				time : time,
    				program : program
    			},
    			success : function(data){
    				var str = ''
    				data.val.forEach(function(i){
    					var li = `<option value='${i.l_id}'>${i.loupan}</option>`
    					str += li
    				})
    				$("#floor").html(str)
    			}
    		})
    	},
    	//新增视频
    	add : function(time,program,loupan,url){
    		$.ajax({
    			url : 'http://house.wechatpic.com/Mobile/Interface/add_video_c',
    			type : 'post',
    			dataType : 'json',
    			data : {
    				time : time,
    				program : program,
    				loupan : loupan,
    				url : url
    			},
    			success : function(data){
    				if(data.msg == 0){
    					alert('新增成功')
    					window.location.href = 'http://house.wechatpic.com/Mobile/OfficeHolder/video_list.html'
    				}else{
    					alert('新增失败')
    				}
    			}
    		})
    	}
    }



      $("#date").calendar({
        onChange: function (p, values, displayValues) {
          console.log(values, displayValues);
          video.getProject(values[0])
        }
      });

		$("#program").on('change',function(){
			video.getFloor($('#time').val(),$('.program').val())
		})      

		$('#submit').on('click',function(){
			let time = $("#date").val(),
			program = $("#program").val(),
			loupan = $("#floor").val(),
			url = $("#adacitvity_name").val();
			if (url == '请选择') {
				alert("请选择摄像头")
				return false
			};
			console.log(url);
			video.add(time,program,loupan,url)
		})

        $(window).scroll(function(){                
	        var scrollh = $(document).height();  
	        var bheight =  $(window).height();
	        console.log("scrollh:"+scrollh+",bheight:"+bheight);
	        var scrollTop=Math.max(document.documentElement.scrollTop||document.body.scrollTop);  
	        if((scrollTop + $(window).height()) >= scrollh){  
	            // alert("jiazai"); 
	            
	        }  
	    }); 
    </script>
  </body>
</html>
